<template>
    <el-card shadow="hover">
        <div slot="header" class="head-title">
            <span>最新动态</span>
        </div>
        <div>
            <el-timeline>
                <el-timeline-item timestamp="2018-04-15">
                    <span>活动按期开始</span>
                </el-timeline-item>
                <el-timeline-item timestamp="2018-04-15">
                    <span>活动按期开始</span>
                </el-timeline-item>
                <el-timeline-item timestamp="2018-04-15">
                    <span>活动按期开始</span>
                </el-timeline-item>
                <el-timeline-item timestamp="2018-04-15">
                    <span>活动按期开始</span>
                </el-timeline-item>
                <el-timeline-item timestamp="2018-04-15">
                    <span>活动按期开始</span>
                </el-timeline-item>
            </el-timeline>
            <div class="center">
                <el-pagination small layout="prev, pager, next" :total="50">
                </el-pagination>
            </div>
        </div>
    </el-card>
</template>

<script>
export default {
    name: "news"
}
</script>

<style scoped>
.head-title {
    font-size: 17px;
    font-weight: 550;
}

.center {
    text-align: center;
}
</style>